@charset "utf-8";
/* CSS Document */
*{PADDING: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; }
body {
  font-family:"Arial",Helvetica,sans-serif;
  font-size:12px;
  background:#9c9c9c;
  color:#353535;
}
a{ text-decoration:none;}
a.white,a.white:link,a.white:visited,a.white:active{ color:#FFFFFF;}
a.white:hover{ color:#FFFFFF; text-decoration:underline;}
a.red,a.red:link,a.red:visited,a.red:active{ color:#89140e; font-weight:bold;}
a.red:hover{ color:#89140e; text-decoration:underline; font-weight:bold;}
img{ border:none;}
.bg{ width:1000px; background-color:#ffffff; margin:0 auto; padding-bottom:20px;}
.container {margin:0 auto; width:948px;}
#head{ width:948px; height:51px; margin:auto; padding-top:34px;}
#head_r{ height:51px; float:right; text-align:right; width:252px;}
#favorite{ vertical-align:top; height:29px; font-weight:bold;color:#9f9f9e;}
#favorite a,a:link,a:visited,a:active{color:#9f9f9e;}
#favorite a:hover{color:#9f9f9e; text-decoration:underline;}
#search{ vertical-align:bottom; height:22px;}

#nav{ width:948px; height:33px; margin:auto; top:10px; z-index:100; position:relative;}
#nav ul li{ float:left; padding-left:17px; padding-right:17px; height:33px; line-height:33px; font-weight:bold; font-size:14px;}
#nav ul li a:link,a:visited,a:active{ color:#ffffff;}
#nav ul li a:hover{ color:#FFFFFF; text-decoration:underline;}
.line{ width:1px; background:url(line.jpg) no-repeat center;}
#nav_l{ background:url(nav_l.png) no-repeat; width:11px; height:33px; float:left; }
#nav_m{ width:926px; height:33px; float:left;  background:url(nav_m.jpg) repeat-x;}
#nav_r{ background:url(nav_r.png) top no-repeat; width:11px; height:33px; float:left;}

#banner{ width:948px; height:224px; margin-bottom:20px; z-index:10; position:relative; top:-8px;overflow:hidden;}

#about{ width:948px; margin-bottom:20px;}
#about_l{ width:150px; height:155px; line-height:24px; float:left; font-weight:bold; padding-left:5px;}
#about_l span{ padding:5px 60px 5px 5px;}
.gray{color:#9b9b9b;}
#about_r{ width:772px; height:155px; overflow:hidden; float:left; margin-left:10px; line-height:18px; text-indent:2em;text-align:justify; text-justify:inter-ideograph; font-weight:bold; font-size:12px; color:#4a4a4a;}
.tabon{ background-color:#4b4341; color:#ffffff;text-align:left; padding-left:5px;}
.clr{ clear:both;}
#product{ width:948px;margin-bottom:23px;  height:314px;}
.variety{ width:224px; margin:auto;}
.pic{ width:222px; height:248px; border:1px solid #cbc9ca; z-index:-9999;}
.button{ width:195px; height:66px; top:-20px; z-index:100; position:relative; margin:auto;}
#footer{ width:948px; height:90px;border:1px solid #d6d5d3; background-color:#FFFFFF;}
#tel{ background:url(tel.jpg) no-repeat; width:187px; height:62px; padding-left:40px; margin-left:35px; margin-top:21px;}
#line02{ background:url(line02.jpg) no-repeat; width:1px; height:56px; float:left; margin-top:21px;}
#contact{ float:left; margin-top:21px; height:56px; margin-left:20px; text-align:center; line-height:24px;}
#cn{ font-weight:bold; color:#474747;}
.red{ color:#3c110b;}
.f_l{ float:left;}
.f_r{ float:right;}
.t_r{ text-align:right;}
#logo02{ margin-left:30px;}

.logo{ background:url(logo.png) no-repeat; width:571px; height:51px; float:left;}

.box{ background:url(search.jpg) no-repeat; margin-right:5px; border:none; width:169px; height:21px; float:left;padding: 0px 3px 0px; vertical-align:middle; font-size:12px;}
.btnt{ background:url(search_btn.jpg) no-repeat; width:72px; height:22px; cursor:pointer; text-indent:-9999px; border:none; float:left;}

/*JS焦点图风格*/

#focus {width:948px; height:224px; overflow:hidden; position:relative;}
#focus ul {height:380px; position:absolute;}
#focus ul li {float:left; width:948px; height:224px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:948px; height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:780px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right; z-index:100;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:65px;cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}

/*列表风格*/

#list{ width:948px; margin-bottom:20px; overflow:hidden; }
#list_l{ width:175px; float:left; overflow:hidden;margin-top:30px;}
#list_r{ width:773px; background:#FFFFFF; float:left; overflow:hidden;margin-top:30px;}
#menu{ margin-left:15px; color:#444444; font-size:14px;}
#menu tbody tr td a{ color:#444444;}
.product{ width:235px; height:455px; border:1px solid #e0e0e0; margin:auto; margin-top:20px;}
.name{ height:21px; padding-left:5px; padding-right:5px; margin-bottom:5px; color:#b31504; font-weight:bold;}
.info{ padding:5px; text-align:justify; line-height:18px;}
.tb{ font-weight:bold;}
.pagination{ width:710px; text-align:right; color:#89140e; font-weight:bold; line-height:30px; height:30px; margin:auto; margin-top:20px; margin-bottom:20px;}

/*详细风格*/
#bigpic{ width:720px; height:300px; border:1px solid #aeaeae; margin:auto; margin-top:20px;}
.pagination2{ width:710px; text-align:right; color:#89140e; font-weight:bold; line-height:30px; height:30px; margin:auto; margin-top:5px; margin-bottom:5px;}
#detail{ width:720px; height:300px; background-color:#e8e8e8; margin:auto; margin-bottom:30px;}
.tit{ height:21px; padding:12px; color:#89140e; font-weight:bold; font-size:24px;}
.detailcon{ padding:12px; text-align:justify; line-height:24px;}
.tit2{height:21px; padding:12px 12px 6px 12px; color:#89140e; font-weight:bold; font-size:14px;}
.pad12{ padding-left:12px; padding-right:12px; line-height:20px;}
.bigpic{ width:725px; height:100%; border:1px solid #aeaeae; margin:auto; margin-top:20px;text-align: center;}
img{border:0;}
ul,li{padding:0;margin:0;}
/* chat */
#chat .inner{padding-bottom: 10px;padding-left: 3px;padding-right: 10px;padding-top: 10px;}
h2.h2title{background:url("chat.gif") right -158px no-repeat;padding-left:11px;height:28px;line-height:28px;}
#chat ul li{line-height:30px;listy-style:none;padding-left:37px;}
#chat ul li.chatmsn{background:url("msn.gif") no-repeat;margin-top: 10px;}
#chat ul li.chatskype{background:url("skype.png") no-repeat;margin-top: 20px;}
#chat ul li.chatalibaba{background:url("alibaba.png") no-repeat;margin-top: 20px;}
#chat ul li.chatemail{background:url("email.png") no-repeat;margin-top: 20px;}
